// 父级选择器
a {
  color: blue;
  &:hover {
    color: green;
  }
}

.button {
  &-ok {
    background-color: aqua;
  }
  &-cancel {
    background-color: #d3d3d3;
  }
  &-error {
    background-color: red;
  }
}

// 多个&
.link {
  & + & {
    // 兄弟选择器
    color: red;
  }
  & & {
    // 后代选择器
    color: green;
  }
  && {
    // 拥有两个.link的元素
    color: blue;
  }
  &,
  &ish {
    // 分组选择器
    color: cyan;
  }
}

// 更改选择器顺序
.header {
  .menu {
    border-radius: 5px;
    .no-borderradius & {
      color: red;
    }
  }
}

// 组合爆炸
p,
a,
ul,
li {
  border-top: 2px dotted #366;
  & + & {
    border-top: 0;
  }
}
